<template>
  <div class="zhong">
    <div>
      <img src="../assets/img/my-03.png" alt="" @click="goHome" />
    </div>
    <div>
      发现最新最热电影&nbsp;&nbsp;&nbsp;
      <p>打开App&gt;</p>
    </div>
  </div>
</template>




<script>
export default {
  name: "MyHeader2",
  methods: {
    goHome() {
      this.$router.push("/");
    },
  },
};
</script>

<style lang='less' scoped>
.zhong {
  width: 100%;
  height: 1.6rem;
  display: flex;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgb(232, 232, 232);
  // position: fixed;
  // top: 50px;
  z-index: 10;
}

.zhong div:nth-child(1) img {
  width: 2.506667rem;
  height: 1.04rem;
}

.zhong div:nth-child(1) {
  width: 2.666667rem;
  height: 1.04rem;
  display: flex;
  justify-content: end;
}

.zhong div:nth-child(2) {
  display: flex;
  font-size: 0.373333rem;
  width: 5.8rem;
  display: flex;
  justify-content: start;
  color: #666;
  font-weight: 600;
}

.zhong div:nth-child(2) p {
  font-size: 0.426667rem;
  color: #b37e7e;
}
</style>


